@import "@scss/hairline.scss";

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 50px;
  :global {
    .topNavBar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
      z-index: 1;
    }
    .article-list {
      flex: 1;
      padding: 0 16px;
      .result-item {
        position: relative;
        display: flex;
        align-items: center;
        height: 44px;
        padding: 10px 0;
        font-size: 14px;
        @include hairline(bottom, #f0f0f0);

        .icon-search {
          margin-right: 4px;
          font-size: 20px;
        }

        .result-value {
          flex: 1;
        }
      }
    }
  }
}
